<%@page import="status.StatusVo"%>
<%@page import="status.Status"%>
<%@page import="java.util.Vector"%>
<%@page import="interview1.InterViewVo"%>
<%@page import="interview1.InterView"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>index_main.jsp</title>

<link href="./css/flexslider2.css" rel="stylesheet">

<script src="./javascript/jquery.flexslider.js" type="text/javascript"></script>
<style>
#main_slide{
	width: 100%;
}
@font-face {
	font-family: 'flexslider-icon';
	src:url('./fonts/flexslider-icon.eot');
	src:url('./fonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
	    url('./fonts/flexslider-icon.woff') format('woff'),
	    url('./fonts/flexslider-icon.ttf') format('truetype'),
	    url('./fonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal}
</style>

<script>
$(window).load(function() {
	  $('.flexslider').flexslider({
	    animation: "slide"
	  });
});
function btn_view(serial){
	location.href="index.jsp?inc_contents=./interview/interview_view.jsp&serial=" + serial;
}
function gogo2(){
	location.href="index.jsp?inc_contents=./status/status.jsp";
}
function gogo3(){
	location.href="index.jsp?inc_contents=interview_list.jsp";
}
</script>
</head>
<style>

#main_subject{
	width: 100%;
	margin-top:5px;
	overflow:hidden;
	white-space:nowrap;
}
</style>
<body>
<jsp:useBean id="interVo" class="interview1.InterViewVo"/>
<jsp:setProperty property="*" name="interVo"/>
<jsp:useBean id="vo" class='status.StatusVo'/>
<jsp:setProperty property="*" name="vo"/>
<%
InterView main_iv = new InterView();
main_iv.setVo(interVo);
Vector<InterViewVo> vo2 = main_iv.list();
%>
<%
Status g = new Status();
g.setVo(vo);
Vector<StatusVo> v = g.list();
%>
	   <div style="height: 10px;">
	   </div>
	   
	   <div class="flexslider">
		 <ul class="slides">
		   <li>
		     <img src="./image/banner_1.jpg" />
		   </li>
		   <li>
		     <img src="./image/banner_2.jpg" />
		   </li>
		 </ul>
	   </div>
	    
		<div class="button">
		    <!-- normal -->
		    <div class="ih-item square effect6 from_top_and_bottom">
			    <a href="index.jsp?inc_contents=./edu/edu.jsp">
			        <div class="img"><img src="./image/photo1.jpg" alt="img"></div>
			        <div class="info">
			          <h3>교육 과정</h3>
			          <p>장기교육 / 단기교육</p>
			        </div>
			    </a>
		    </div>
		    <!-- end normal -->
		 </div>
		 
		  <div class="button">
		    <!-- normal -->
		    <div class="ih-item square effect6 from_top_and_bottom"><a href="index.jsp?inc_contents=photomain.jsp">
		        <div class="img"><img src="./image/photo2.jpg" alt="img"></div>
		        <div class="info">
		          <h3>포트폴리오</h3>
		          <p>프로젝트별 포트폴리오</p>
		        </div></a></div>
		    <!-- end normal -->
		 </div>
		 
		 <div class="button"> 
		    <!-- normal -->
		    <div class="ih-item square effect6 from_top_and_bottom"><a href="index.jsp?inc_contents=jobtc.jsp">
		        <div class="img"><img src="./image/photo3.jpg" alt="img"></div>
		       	<div class="info">
		          <h3>취업 센터</h3>
		          <p>이력서 컨설팅 / 취업 소개</p>
		        </div></a></div>
		    <!-- end normal -->
		 </div>
		 
		 <div class="button">
		    <!-- normal -->
		    <div class="ih-item square effect6 from_top_and_bottom"><a href="index.jsp?inc_contents=./board/list.jsp">
		        <div class="img"><img src="./image/photo4_2.jpg" alt="img"></div>
		        <div class="info">
		          <h3>자유 게시판</h3>
		          <p>공지 / 자유 게시판</p>
		        </div></a></div>
		    <!-- end normal -->
		  </div>
		  <p/>
		  <br/>
		  <div id="main_board">
			 
			  <div class="main_board">
			    <div style="margin:10px 0 10px 0; border-bottom:1px dotted #8C8C8C;">
				  		<div style="width:88%; padding-bottom:10px; display:inline-block;">취업 현황</div>
				  		<div style="display:inline-block; width:10%; padding-bottom:10px; text-align:right; color: #CC723D;">
				  		<a href="#" onclick="gogo2()">더보기</a>
				  		</div>
				  </div>
			    <%
				int t=0;
				if(v.size()<10){ t=v.size(); }
				else{t=10;}
				for(int i=0;i<5;i++){  StatusVo gv = v.get(i);
				%>	
			  	   <div id="main_subject">* <a href='index.jsp?inc_contents=./status/view.jsp&serial=<%=gv.getSerial()%>'><%=gv.getSubject()%></a></div>
			    <%} %>
			  </div>
			  
			  <div class="main_board">
				  <div style="margin:10px 0 10px 0; border-bottom:1px dotted #8C8C8C;">
				  		<div style="width:88%; padding-bottom:10px; display:inline-block;">기업 인터뷰</div>
				  		<div style="display:inline-block; width:10%; padding-bottom:10px; text-align:right;">
				  		<a href="#" onclick="gogo3()">더보기</a></div>
				  </div>
			  	  <%for (int i=0; i<vo2.size(); i++){
					InterViewVo vo3 = vo2.get(i); %>
			  	   <div id="main_subject">* <a href="#" onclick="btn_view(<%=vo3.getSerial()%>)"><%=vo3.getSubject()%></a></div>
			    <%} %>
			  </div>
			 
		  </div>
		  </br></br></br>
		

</body>
</html>